<!DOCTYPE HTML>
<html>
<head>
<title>Virtual Traning Pedia - Technology Games, Courses, Hot Jobs, Interview Questions</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/css/font-family.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/datatable.css" rel="stylesheet">
        <script src="js/commonfunctions.js"></script>
        <script src="js/load.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/url.js"></script>
<script>
$( document ).ready(function() {
	if(typeof localStorage["admin_id"]=='undefined'){
		window.location="index.html";
	}
	//getSubjectsList();
});
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script src="js/jquery.min.datatable.js"></script>
<script src="js/jquery.circliful.min.js"></script>
<script src="js/underscore-min.js"></script>

<script src= "js/moment-2.2.1.js"></script>

<link href="css/jquery.nouislider.css" rel="stylesheet">
<script src="js/jquery.nouislider.js"></script>
	<body>
	<div class="col-md-12 "> <a href="javascript:void(0);" onclick="logoFunction(0)"><img src="images/vtp-logo.png" width="163" height="127" class="img-responsive logo"></a><div style="position:absolute; top:47px; right:90px;"><button type="button" onclick="logoutFunction()" class="btn btn-danger btn-outline btn-sm">Logout</button></div></div>
		<center><h4><p style="color:#227cec;"> SUBJECT LIST </p></h4><p> <input type="button" onclick="adSubjectFunction()" class="btn btn-danger btn-outline btn-sm" value="ADDSUBJECT" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" onclick="backFunction()" class="btn btn-danger btn-outline btn-sm" value="BACK">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></center>
		<table id="example" >
		<thead>
			<tr>
				 <th>Sno</th>
				 <th>SubjectName</th>
				 <th>CourseName</th>
				 <th>Action</th>
			</tr>
			</thead>
			</table>
		</div>
		<div class="footer"></div>
    </div>
	</body>
</html>
<script>
$(function(){
  $.ajax({
		type		:	'GET',
		dataType	:   'json',
		url			:    webServiceUrl+'addsubjects',
		success: function(data){
			eval(data);
			var oTable = $('#example').dataTable( {
				aoColumnDefs: [{bSortable: false,
								aTargets: [ 0 ]
								}],
				"bStateSave": true,
				"bAutoWidth": true,
				"sRowSelect": "multi",
				"sPaginationType": "full_numbers",
				"bProcessing": true,
				"aaData": data,
				"aoColumns": [
					{ "mData": "sno" },
					{ "mData": "subject_name"},
					{ "mData": "course_name" },						
					{ "mData": "action" }					
				] 
			});	
		}
	});
});
</script>


